<template>
	<view class="editIssue">
		<custom-navi :show-home="false">门店信息修改（门店名称、电话等）</custom-navi>
		<view class="editIssue-content" v-for="(item,index) in editIssueList" :key='index'>
			<view class="title">{{item.title}}</view>
			<view class="describe">{{item.describe}}</view>
			<view class="img">
				<view class="img-one"><image :src="item.one" mode=""></image></view>
				<view class="img-two"><image :src="item.two" mode=""></image></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				editIssueList:[
					{
						title:'如何修改门店地址',
						describe:'点击左下角【工作台】然后点击【经营管理】【店铺管理】最后点击【门店地址】就可以修改了',
						one:'/static/richTxt/dh1.png',
						two:'/static/richTxt/dz2.png'
					},
					{
						title:'我想修改门店名称？',
						describe:'点击左下角【工作台】然后点击【经营管理】【店铺管理】最后点击【门店名称】就可以修改了',
						one:'/static/richTxt/dh1.png',
						two:'/static/richTxt/name2.png'
					},
					{
						title:'如何修改门店电话？',
						describe:'点击左下角【工作台】然后点击【经营管理】【店铺管理】最后点击【门店电话】就可以修改了',
						one:'/static/richTxt/dh1.png',
						two:'/static/richTxt/dh2.png'
					},
						
				]
			}
		},
		onLoad() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	.editIssue{
		&-content{
			width:100%;
			height:978rpx;
			background:rgba(255,255,255,1);
			opacity:1;
			padding:32rpx;
			margin-bottom: 20rpx;
			.title{
				font-size:32rpx;
				font-family:PingFang SC;
				font-weight:bold;
				color:rgba(80,80,80,1);
				opacity:1;
				padding-bottom: 22rpx;
				border-bottom: 2rpx solid rgba(229, 229, 229, 1);
			}
			.describe{
				width: 680rpx;
				font-size:26rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(153,153,153,1);
				opacity:1;
				margin-top: 20rpx;
			}
			.img{
				display: flex;
				margin-top: 20rpx;
				&-one{
					width: 330rpx;
					height: 712rpx;
					margin-right: 20rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
				&-two{
					width: 330rpx;
					height: 712rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
			}
		}
		&-content:last-child{
			margin-bottom: 0;
		}
	}
</style>
